﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="PageArticlesByCategory.aspx.cs" Inherits="XpressNews.PageArticlesByCategory" %>

<%@ Register TagPrefix="uc" TagName="Pager" Src="~/Utils/UserControls/Pager.ascx" %>

<asp:Content ID="Content1" ContentPlaceHolderID="cphHead" runat="server"> </asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="cphMain" runat="server">
    <article class="article-container" itemscope itemtype="http://schema.org/Article">
        <div class="article-content blog-page">
            <header>
                <h1 itemprop="headline">
                    <asp:Label ID="lblCatName" runat="server"/>
                </h1>

                <div class="divider"></div>
            </header>

            <div class="post-entry" itemprop="articleBody"> </div>

            <div class="blog-items style-1">
                <ul class="list-unstyled">
                    <asp:Repeater ID="rptNews" runat="server">
                        <ItemTemplate>
                            <li class="post-item" data-posttype="image" data-showonscroll="true" data-animation="fadeIn">
                                <article class="post-box clearfix">

                                    <figure class="sec-image">

                                        <a href="PageArticle.aspx?newsId=<%#Eval("newsId") %>" class="post-thumbnail"> <img src="img-samples/8.png" alt="Img Descr"/> </a>

                                    </figure>

                                    <div class="sec-title category-1">
                                        <div class="post-meta-metro">
                                            <ul class="list-unstyled color-theme">
                                                <li>
                                                    <div class="meta-icon">
                                                        <i class=""></i>
                                                    </div>
                                                    <div class="animated more-fast"> </div>
                                                </li>
                                                <li>
                                                    <div class="meta-icon">
                                                        <i class=""></i>
                                                    </div>
                                                    <div class="animated more-fast"> </div>
                                                </li>
                                                <li>
                                                    <div class="meta-icon">
                                                        <i class=""></i>
                                                    </div>
                                                    <div class="animated more-fast"> </div>
                                                </li>

                                                <li>
                                                    <div class="meta-icon">
                                                        <i class="icon-user3"></i>
                                                    </div>
                                                    <div class="popup-info animated more-fast fadeInRight">
                                                        <a href="#" title=""><%#Eval("author") %></a>
                                                    </div>
                                                </li>

                                                <li>
                                                    <div class="meta-icon">
                                                        <i class="icon-alarm2"></i>
                                                    </div>
                                                    <div class="popup-info animated more-fast fadeInRight">
                                                        <a href="#" itemprop="datePublished"><%#Eval("publishDate") %></a>
                                                    </div>
                                                </li>
                                            </ul>
                                        </div>

                                        <div class="post-title">
                                            <h2>
                                                <a href="PageArticle.aspx?newsId=<%#Eval("newsId") %>" title=""><%#Eval("newsTitle") %></a>
                                            </h2>

                                            <div class="post-desc text-justify">
                                                <p>
                                                    <%#Eval("newsIntroduceText") %>
                                                </p>
                                            </div>

                                            <div class="post-meta-extended clearfix">
                                                <span class="read-more"> <i class="icon-eye3"></i> <a href="PageArticle.aspx?newsId=<%#Eval("newsId") %>">Read More...</a> </span>
                                            </div>
                                        </div>
                                    </div>
                                </article>
                            </li>
                        </ItemTemplate>
                    </asp:Repeater>
                </ul>

                <uc:Pager ID="pager" runat="server" Url="PageArticlesByCategory"/>
            </div>

        </div>
    </article>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="cphScript" runat="server"> </asp:Content>
